<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 模块化 
    // 将一个完整项目,拆分成一个个独立的模块,使用时只需要按需引入即可
    // 优点:
    // 1. 减少全局变量的使用  => 每一个模块都是独立的文件(变量和方法都是局部的)
    // 2. 可以实现代码复用 => 模块之间也是可以相互引入的
    // 3. 按需暴露,按需引入

    // 模块化 =>  (JS)


    // ES6 => ES Model   => export   import
    // NodeJS => CommonJS  =>  module.export    require


    // Vue组件化
    // 将Vue页面拆分成一个个组件, 每一个组件都可以是一个单独Vue实例(子组件 => data methods computed watch 声明周期钩子函数),组件内有完整的html css js => 完整的功能

    // 目的都是为了代码复用, 按需暴露,按需引入(单位件组件)


    // 优点: 高内聚  低耦合







</script>

</html>